*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,br,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:14px/1.5 Arial,'Microsoft YaHei'; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
/** 重置列表元素 **/
ul,li,ol{list-style:none;}
img{vertical-align:middle;}
/** 重置超链接元素 **/
a{text-decoration:none; color:#666;}
a:hover{color:#0d6eb8; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.flex{display:flex;justify-content:space-between;}
.align_items{align-items:center;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.g_syhead{width:100%; padding:0 5%; position:fixed; top:0; left:0; z-index:100; background:#fff; box-shadow:0 0 10px 2px rgba(0, 0, 0, .05);  -webkit-transition:all .36s ease; transition:all .36s ease;}
.g_sylogo{margin-top:20px; position:relative;}
.g_sylogo img{width:68%; display:block; transition:all .36s;}

/* PC导航部分 */
.navMenu>li{float:left; position:relative; line-height:100px; height:100px; font-size:18px;}
.navMenu>li>a{padding:0 25px; color:#333; text-transform:uppercase; display:block;}
.navMenu>li>a:after{content:''; display:block; width:50px; height:2px; background:#0d6eb8; position:absolute; left:50%; bottom:0; margin-left:-25px;-webkit-transition:all .3s; transition:all .3s; -webkit-transform:scaleX(0); transform:scaleX(0);}
.navMenu>li:hover>a:after,.navMenu>li.on>a:after{-webkit-transform:scaleX(1); transform:scaleX(1);}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#0d6eb8;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; margin-left:-100px; top:100px; z-index:3; display:none; background:#fff; width:200px; box-shadow:0 5px 10px #333;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6; text-align:center;}
.navMenu>li>ul.sub-menu li:last-of-type{border-bottom:none;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:14px; line-height:35px; padding:0 10px; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navMenu>li>ul.sub-menu li>a.active,.navMenu>li>ul.sub-menu li>a:hover,.navMenu>li>ul.sub-menu>li.active >a{background:#0d6eb8; color:#fff;}
.navMenu>li>ul.sub-menu li>ul{position:absolute; left:180px; top:0; background:#eee; width:180px;}
.navMenu>li>ul.sub-menu li>ul>li{border-bottom:1px solid #fff;}

.top_right{margin-top:30px;}
.phone{line-height:40px; font-size:16px; font-weight:bold; position:relative; color:#0d6eb8; padding-left:40px;}
.phone::before{content:url(../image/header-dianhua-icon.png); display:block; position:absolute; top:5px; left:16px;}

.g_sysou{width:42px; height:42px;border-radius:100%; margin-left:20px; background:#0d6eb8; text-align:center; cursor:pointer; position:relative;}
.g_sysou img{margin-top:10px;}

.g_syhead.act .navMenu>li>a{color:#333;}
.g_syhead.act .navMenu>li>a:hover,.g_syhead.act .navMenu>li.on>a{color:#52c430;}
.g_syhead.act{background:#fff; box-shadow:0 0 10px 2px rgba(0, 0, 0, .05);}

/* 头部搜索部分 */
.mengcen{display:none; width:100%; height:100vh; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.9); z-index:30000;}
.caidansuo{position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; height:46px; background:none; border-bottom:1px solid #ddd;}
.caidansuo input{width:calc(100% - 38px); height:100%; font-size:18px; background:none;}
.caidansuo button{background:none; font-size:16px; line-height:30px; color:#999;}
.guanbi{width:28px; display:block; position:absolute; right:6%; top:4%;}
.guanbi img{width:100%; display:block;}

/* 首页焦点图部分 */
.banner{width:100%; margin:100px auto 0; position:relative; overflow:hidden;}
.banner .swiper-slide .m{display:none;}
.banner .swiper-slide img{width:100%; display:block;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#0d6eb8; display:none;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:30px;}
.banner .swiper-pagination-bullet{width:13px; height:13px; border-radius:0; opacity:.9; transform:; margin:0 8px !important; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:all .5s ease-in-out;}
.banner .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:50px !important; }
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background:#0d6eb8;}
.phxia{display:none!important;}

/* 首页产品中心部分 */
.in_probg{padding:80px 0; background:#f5f5f5; overflow:hidden;}
.w1500{width:95%; max-width:1500px; margin:0 auto;}
.in_titlenr{width:100%;}
.in_title{width:80%;}
.in_title h3{font-size:36px; font-weight:bold; line-height:36px; color:#666;}
.in_title h3 span{color:#0d6eb8;}
.in_title p{font-size:16px; margin-top:10px; line-height:32px; color:#666;}
.in_more{width:160px; height:40px; line-height:40px; position:relative; padding:0 20px; background:#fff; border:1px solid #d6d6d6; border-radius:6px;}
.in_more::after{content:url(../image/info-iconh.png); position:absolute; top:5px; right:20px;}
.in_more a{color:#000; font-size:16px;}
.in_more:hover{background:#0d6eb8; border-color:#0d6eb8;}
.in_more:hover a{color:#fff;}
.in_more:hover::after{content:url(../image/info-icon.png); position:absolute; top:5px; right:20px;}

.in_prolist{width:100%; margin:60px auto 0;}
.in_prolist li{width:31.333%; min-height:527px; float:left; margin-right:3%; background:#fff; position: relative;}
.in_prolist li:nth-child(3n){margin-right:0;}
.in_prolist li:after{content:""; display:block; width:5px; height:30px; background:#0d6eb8; position:absolute; top:40px; left:0;}
.in_prolist li:hover{display:block; -webkit-transform:translateY(-10px); transform:translateY(-10px); cursor:pointer; -webkit-transition:.3s; transition:.3s; box-shadow:0 3px 12px rgba(0,0,0,.1); background:url(../image/in_pro_picbg.png) no-repeat center; background-size:cover;}
.in_prolist li h4{font-size:30px; line-height:36px; font-weight:bold; color:#0d6eb8; padding:40px 0 0 25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.in_prolist li p{font-size:18px; color:#333; line-height:36px; margin-top:30px; padding:0 25px;}
.in_prolist li:hover h4,.in_prolist li:hover p{color:#0d6eb8;}
.in_prolist li .pic{width:100%; margin-top:20px; overflow:hidden;}
.in_prolist li .pic img{width:100%; display:block; transition: all .2s linear; -webkit-transition: all .2s linear;}
.in_prolist li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1); transition: all .2s linear; -webkit-transition: all .2s linear;}
.in_prolist li .btn{width:120px; height:40px; margin-top:20px; border:2px solid #0d6eb8; line-height:40px; padding:0 20px; position:relative; margin-left:25px;}
.in_prolist li a .btn{font-size:12px; color:#0d6eb8;}
.in_prolist li .btn::after{content:url(../image/info-iconh.png); display:block; position:absolute; top:3px; right:10px;}
.in_prolist li:hover .btn{background:#fff; border-radius:20px; border-color:#fff;}

/* 首页四大优势部分 */
.in_sdys{width:95%; max-width:1500px; margin:60px auto 0;}
#pro_swiper .swiper-slide{
 overflow: hidden;
 background-color:#fff;
 z-index: 10;
}
#pro_swiper .swiper-slide h3{
 font-size: 30px;
 line-height: 96px;
 padding-left: 3%;
 border-bottom: 1px solid rgba(255, 255, 255, .5);
}
#pro_swiper .swiper-slide ul{
 flex-wrap: wrap;
 justify-content: start;
 padding: 0 3%;
 padding-top: 3.2%;
 padding-bottom: 2.2%;
 font-size: 22px;
}
#pro_swiper .swiper-slide ul li{
 width: 20%;
 margin-right: 6.5%;
 margin-bottom: 3%;
}
#pro_swiper .swiper-slide ul li:nth-child(4n){
 margin-right: 0;
}
#pro_swiper .swiper-slide span{
 display: inline-block;
 font-size: 18px;
 line-height: 24px;
 margin-top: 6%;
 opacity: .8;
}
#pro_swiper .swiper-slide .ysl_box{
 width:33.333%;
 min-height:520px;
 background:url(../image/in_ys_wabg.jpg) repeat-x;
 padding:40px 25px;
 position: relative;
}
#pro_swiper .swiper-slide .ysl_box h3{
font-size:24px;
line-height:48px;
color:#fff;
font-weight: bold;
border-bottom:none;
padding-left:0;
}
#pro_swiper .swiper-slide .ysl_box p{
 margin-top:10px;
 font-size:16px;
 line-height:30px;
 color:#fff;
}
#pro_swiper .swiper-slide .ysl_box .more{
 width:146px;
 height:46px;
 border:1px solid #fff;
 border-radius:5px;
 line-height:46px;
 padding:0 20px;
 position: absolute;
 left:25px;
 bottom:60px;
}
#pro_swiper .swiper-slide .ysl_box .more a:after{
 content:url(../image/info-icon.png);
 width:21px;
 height: 21px;
 display:block;
 position:absolute;
 top:5px;
 right:20px;
}
#pro_swiper .swiper-slide .ysl_box .more a{
 display:block;
 color:#fff;
 font-size:16px;
}
#pro_swiper .swiper-slide .ysl_box:hover .more a{
 color:#0d6eb8;
}
#pro_swiper .swiper-slide .ysl_box:hover .more a:after{
 content:url(../image/info-iconh.png);
}
#pro_swiper .swiper-slide .ysl_box:hover .more{
 background: #fff;
}
#pro_swiper .swiper-slide .ysr_pic{
 width:66.666%;
}
#pro_swiper .swiper-slide .ysr_pic img{
 width:100%;
 height:520px;
 object-fit:cover;
}
#pro_swiper_thumbs{
 margin:4% 0 0;
 background-color:#f9f9f9;
}
#pro_swiper_thumbs .swiper-slide{
 width: 33.333%;
 padding: 1.7% 0%;
 cursor: pointer;
}
#pro_swiper_thumbs .swiper-slide .box{
 align-items: center;
 padding: 0% 6% 0 20%;
 border-right: 1px solid rgba(255, 255, 255, .4);
}
#pro_swiper_thumbs .swiper-slide:last-child .box{
 border-right:none;
}
#pro_swiper_thumbs .swiper-slide-thumb-active{
 border-top: 3px solid #0d6eb8;
 color:#0d6eb8 !important;
 background: #fff;
 border-left:3px solid #0d6eb8;
 border-right:3px solid #0d6eb8;
}
#pro_swiper_thumbs .swiper-slide .text{
    width:80%;
}
#pro_swiper_thumbs .swiper-slide .text h4{
     font-size:30px;
     line-height: 40px;
}
#pro_swiper_thumbs .swiper-slide .text h4 span{
    font-size:40px;
    line-height: 40px;
    margin-right:5%;
    position: absolute;
    top: 30px;
    right: 0;
    color: #ccc;
}

#pro_swiper_thumbs .swiper-slide-thumb-active .text h4 span{
    color:#0d6eb8;
    font-weight:bold;
}

#pro_swiper_thumbs .swiper-slide .img{
 width: 51px;
 margin-right:10px;
 overflow: hidden;
}
#pro_swiper_thumbs .swiper-slide .img img{
 width: 100%;
 transform: rotateY(0deg);
 transition: all .5s linear;
}

/* 首页关于我们部分 */
.in_aboutbg{
 width:100%; 
 margin:80px auto -60px;
 padding:80px 0;
 background: url(../image/in_aboutbg.jpg) fixed center center;
}
.in_about_up{
 width:100%;
}
.in_aboutl{width:50%; float:left; padding-top:60px;}

.in_about_up h3{
 font-size:40px;
 line-height:40px;
 font-weight:bold;
 color:#fff;
 position: relative;
}

.in_about_up h3:after{
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    margin-top:20px;
    background:#fff;
}

.in_about_up p{
 margin-top:40px;
 font-size:16px;
 line-height:32px;
 color:#fff;
 text-align: left !important;
}
.in_about_up .more{
 width:180px;
 height:52px;
 line-height:52px;
 padding:0 30px;
 float:left;
 background:#0d6eb8;
 position:relative;
 text-align:initial;
 border-radius:5px;
}
.in_about_up .more:hover{
 background:#152f78;
}
.in_about_up .more a{
 color:#fff;
 font-size:16px;
}
.in_about_up .more a:after{
 content:">";
 display:block;
 width:10px;
 height:12px;
 position:absolute;
 top:0;
 right:30px;
 color:#fff;
}

.in_aboutr{width:48%; float:right; border:5px solid rgba(255,255,255,.8); border-radius:10px;}
.in_aboutr img{width:100%; display:block; border-radius:10px;}

.in_about_dn{
 width:100%;
 margin:80px auto 0;
 background:#fff;
 border-radius:10px;
 box-shadow:0 5px 20px rgba(0,0,0,.1);
}
.number{
 margin-top: 10px;
}
.number .numCount li{
 width:25%;  
 float:left;
 border-right:1px solid #e6e6e6;
 padding:2% 8%;
 text-align:center;
}
.number .numCount li:nth-child(4){
 background:none;
 padding-right:5%;
 border-right:none;
}
.number .numCount li .numCX{
 font-size: 46px;
 font-weight: 600;
 color:#0d6eb8;
}
.number .numCount li .unit{
 font-size:16px;
 vertical-align:top;
 font-weight:600;
 margin-left:10px;
 color:#0d6eb8;
}
.number .numCount li .indc{
 font-size:18px;
 line-height:36px;
}

/* 首页行业应用部分 */
.in_hyyy{
 width:95%;
 max-width: 1500px;
 margin:80px auto 0;
}
.in_hyyy_list{
 width:100%;
 margin:20px auto 0;
}
.in_hyyy_list li{
 width:32%;
 float:left;
 margin:0 2% 2% 0;
 position: relative;
}
.in_hyyy_list li:hover{
 box-shadow: 0 5px 20px #999;
}
.in_hyyy_list li:nth-child(3n){
 margin-right:0;
}
.in_hyyy_list li .pic{
 width:100%;
 overflow: hidden;
}
.in_hyyy_list li .pic img{
 width:100%; 
 display:block; 
 transition: all .2s linear; 
 -webkit-transition: all .2s linear;
}
.in_hyyy_list li:hover .pic img{
 transform: scale(1.1); 
 -webkit-transform: scale(1.1);
 transition: all .2s linear; 
 -webkit-transition: all .2s linear;
}
.in_hyyy_list li .title{
 font-size:24px;
 line-height:24px;
 color:#fff;
 font-weight:bold;
 width: 100%;
 float:left;
 background:#000;
 padding:20px;
}
.in_hyyy_list li a:hover .title{
background:#152f78;
color: #fff;
}
.in_hyyy_list li:after{
 content:"";
 display:block;
 width:6px;
 height:30px;
 background:#fff;
 position:absolute;
 left:0;
 bottom:18px;
}
.in_hyyy_list li:hover:after{
 background: #152f78;
}

/* 首页解决方案部分 */
.in_jjfa{
 width:95%;
 max-width: 1500px;
 margin:60px auto 0;
 display: none;
}
.in_jjfa_list{
 width:100%;
 margin:20px auto 0;
}
.in_jjfa_list li{
 width:32.333%;
 float:left;
 margin:0 1.5% 2% 0;
 position: relative;
}
.in_jjfa_list li:hover{
 box-shadow: 0 5px 20px #999;
 transform: translateY(-10px);
 transition: all .5s;
}
.in_jjfa_list li:nth-child(3n){
 margin-right:0;
}
.in_jjfa_list li .pic{
 width:100%;
 overflow: hidden;
}
.in_jjfa_list li .pic img{
 width:100%; 
 display:block; 
 transition: all .2s linear; 
 -webkit-transition: all .2s linear;
}
.in_jjfa_list li:hover .pic img{
 transform: scale(1.1); 
 -webkit-transform: scale(1.1);
 transition: all .2s linear; 
 -webkit-transition: all .2s linear;
}
.in_jjfa_list li .title{
 width:100%;
 min-height: 98px;
 float:left;
 padding:25px 30px;
 font-size:24px;
 line-height:24px;
 color:#000;
 font-weight:bold;
 position: relative;
 background: #e9e9e9;
}
.in_jjfa_list li a:hover .title{
 color:#0d6eb8;
 border-color:#0d6eb8;
}
.in_jjfa_list li .title:after{
 content:"";
 display:block;
 width:6px;
 height:22px;
 background:#0d6eb8;
 position:absolute;
 left:0;
 bottom:50px;
}

/* 首页合作客户部分 */
.in_hzhbbg{
 width:100%;
 margin:60px auto 0;
 padding:100px 0;
 background:url(../image/in_hzhbbg.jpg) no-repeat center;
 overflow: hidden;
}
.in_hzhb{
 width:95%;
 min-height: 590px;
 max-width:1500px;
 margin:0 auto;
 padding:60px 0;
 background: url(../image/in_hzhb_picbg.png) no-repeat center;
}
.in_hzhb_title{
 text-align:center;
}
.in_hzhb_title h3{
 font-size:36px;
 line-height:36px;
 font-weight:bold;
 color:#0d6eb8;
}
.in_hzhb_title p{
 margin-top:24px;
 font-size:20px;
 line-height:36px;
 color:#333;
}
.in_hzhb_shuzi{
 margin:60px auto 0;
 text-align:center;
}
.in_hzhb_tit{
 margin:60px auto 0;
 font-size:24px;
 line-height:48px;
 text-align:center;
 color:#333;
}
.in_hzhb_btn{
 width:160px;
 height:44px;
 line-height:44px;
 padding:0 40px;
 margin:60px auto 0;
 background:#0d6eb8;
 position:relative;
 border-radius:5px;
}
.in_hzhb_btn:hover{
 background:#0d6eb8;
 box-shadow: 0 5px 20px #d6d6d6;
 transition: all .2s linear; 
 -webkit-transition: all .2s linear;
}
.in_hzhb_btn a{
 color:#fff;
 font-size:18px;
}
.in_hzhb_btn a:after{
 content:">";
 display:block;
 width:7px;
 height:12px;
 position:absolute;
 top:0;
 right:40px;
 color:#fff;
}

/* 首页新闻部分 */
.in_newsbg{
    width:100%;
    margin:40px auto -80px;
    background: #f8f6f4;
    padding: 80px 0 60px;
    overflow: hidden;
}
.in_news{
 width:95%;
 max-width:1500px;
 margin:auto;
}
#news_swiper .swiper-slide{
 background: #fff;
 border: 1px solid #e9e9e9;
 box-shadow: 0 5px 20px rgba(0,0,0,.1);
 margin-bottom: 20px;
}
#news_swiper .swiper-slide a{
 display: block;
 box-sizing: border-box;
 background-color: white;
 padding: 7.5% 7%;
 transition: all .3s ease-in-out;
 position: relative;
 z-index: 1;
 overflow: hidden;
}
#news_swiper .swiper-slide a::after{
 content: '';
 display: block;
 width: 0%;
 height: 0%;
 background-color: rgba(13,110,184,1);
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: -1;
 transition: all .3s ease-in-out;
}
#news_swiper .swiper-slide a span{
 font-size: 14px;
 font-weight:bold;
 display:none;
}
#news_swiper .swiper-slide a h3{
 font-size:18px;
 font-weight:bold;
 color:#000;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 margin: 2% 0 4%;
}
#news_swiper .swiper-slide a:hover h3{
color:#fff;
}
#news_swiper .swiper-slide a .news_img{
 padding-bottom: 4%;
}
#news_swiper .swiper-slide a .news_img img{
 display: block;
 width: 100%;
}
#news_swiper .swiper-slide a p{
 font-size:14px;
 line-height:30px; 
 text-overflow:-o-ellipsis-lastline; 
 overflow:hidden; 
 text-overflow:ellipsis; 
 display:-webkit-box; 
 -webkit-line-clamp:2; 
 line-clamp:2; -webkit-box-orient:vertical;
}
#news_swiper .swiper-slide a ul li{
 font-size: 16px;
}
#news_swiper .swiper-slide a ul li:last-child{
 width: 23px;
 height: 23px;
 border-radius: 50%;
 border: 1px solid #666;
 position: relative;
}
#news_swiper .swiper-slide a ul li:last-child::after{
 content: '';
 display: block;
 width: 6px;
 height: 6px;
 background-color: #666;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
#news_swiper .swiper-slide a ul{
 margin-top: 8%;
 border-top:1px solid #e6e6e6;
 padding-top: 6%;
}
#news_swiper .swiper-slide a ul li:last-child::before{
 content: '';
 display: block;
 width: 120%;
 height: 1px;
 background-color: #666;
 position: absolute;
 top: 50%;
 right: 50%;
 transform: translateY(-50%);
}
.news_box{
 margin:40px auto 0;
}
.news_box>a{
 text-align: center;
 color: #0d6eb8;
 font-size: 16px;
 display: block;
 margin: 0 auto;
 border-radius: 50px;
 border: 1px solid #0d6eb8;
 width: 10%;
 line-height: 40px;
 margin-top: 3%;
 position: relative;
 z-index: 1;
 overflow: hidden;
 transition: all .3s linear;
}
.news_box>a::after{
 content: '';
 display: block;
 width: 0px;
 height: 0px;
 background-color: #0d6eb8;
 border-radius: 200px;
 position: absolute;
 top: 50%;
 right: 20%;
 transition: all .4s linear;
 z-index: -1;
}
.news_box>a:hover{
 color: white;
}
.news_box>a:hover::after{
 width: 300px;
 height: 300px;
 top: -140px;
 right: -40%;
}
#news_swiper .swiper-slide a:hover{
 box-shadow: 0px 6px 20px rgb(0 127 255 / 10%);
 color: white;
}
#news_swiper .swiper-slide a:hover::after{
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
}
#news_swiper .swiper-slide a:hover ul li:last-child{
 border-color: white;
}
#news_swiper .swiper-slide a:hover ul li:last-child::after{
 background-color: white;
}
#news_swiper .swiper-slide a:hover ul li:last-child::before{
 background-color: white;
}


/* 底部友情链接部分 */

.link_bg{background:url(../image/footer_bg.jpg) fixed center; border-bottom:1px solid #333; padding: 20px 0; margin:80px auto 0; display:none;}
.link_nav {display:flex; align-items:center;}
.link_nav .title_left{position:relative; border-right:1px solid rgba(0,0,0,.5); padding-right:20px;}
.link_nav .title_left h3{font-size:20px;  color:#fff;}
.link_nav .nav_list a{color:#fff; padding:0 25px; font-size:16px; border-right:1px rgba(0,0,0,.5) solid;}
.link_nav .nav_list a:last-child{padding-right:0; border:none;}
.link_nav .nav_list a:hover{color:#0d6eb8;}

/* 底部导航部分 */
.footer_bg{width:100%; background:url(../image/footer_bg.jpg) fixed center; padding:40px 0; margin:60px auto 0;}
.foot_up{width:100%; display:none; margin:0 auto; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.1);}
.foot_up_bt{font-size:30px; line-height:30px; color:#fff; font-weight:bold;}

.foot_dn{width:100%; margin:0 auto;}
.foot_list{width:30%;}
.foot_list_tit{width:100%; font-size:20px; color:#fff; font-weight:bold;}
.foot_list_tit span{color:#e6e6e6;}
.foot_list_nav{width:100%; margin-top: 20px;}
.foot_list_nav a{width:31.333%; float: left; font-size:16px; color: #999; line-height: 36px; padding-right: 2%;}
.foot_list_nav a:hover{color:#0d6eb8;}

.foot_cont{width:50%; margin-left:10%;}
.foot_cont_txt{display: inline-block; font-size:16px; margin-top: 20px; line-height: 36px; color: #999;}

.foot_rnr{width:124px;}
.foot_ewm{width:100%;}
.foot_ewm li{width:100%; float:left; text-align:center;}
.foot_ewm li:nth-child(2n){margin-right: 0;}
.foot_ewm li img{width: 100%; display: block;}
.foot_ewm li p{font-size:15px; color:#999; margin-top:10px;}
.foot_rtub{width:100%; margin-top:20px; display:none;}
.foot_rtub li{width:20%; float:left; margin-right:5%;}
.foot_rtub li:nth-child(4n){margin-right:0;}
.foot_rtub li img{width:40px; height:40px; display:block; transition:all .3s; -webkit-transition:all .3s;}
.foot_rtub li:hover img{transform:rotate(360deg); -webkit-transform:rotate(360deg);}

/* 底部版权部分 */
.copy_bg{
 width:100%;
 margin:0 auto;
 background:#0d6eb8;
 padding:15px 0;
 font-size:14px;
 color:#fff;
 overflow: hidden;
}
.copy_bg a{
 color:#fff;
}
.copy_bg a:hover{
 color:#152f78;
}

/*右侧浮动*/
.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px;}
.y-kefu-box img{display: block; width:100%; height:auto;}
.y-kefu-box01 .icon{display:block; background:url(../image/icons01.png) no-repeat; margin:0 auto 6px;}
.y-kefu-box01{width:54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width:27px; height:27px; background-position:-5px -115px; position: relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{content:''; display: block; width:1px; height:12px; background-color:#0d6eb8; position: absolute; bottom:-12px; left:13px; z-index: 1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-qiao{background-color:#0d6eb8; border-color: #0d6eb8; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-qiao{border-radius:2px;}
.y-kefu-box01 .kf-qiao i{width:21px; height:22px; background-position:-30px -150px;}
.y-kefu-box01 .kf-QQ{border-top-left-radius:2px;border-top-right-radius:2px;}
.y-kefu-box01 .kf-QQ>i{width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-QQ:hover>i{background-position:-30px -5px;}
.y-kefu-box01 .kf-zixun{border-radius:2px;}
.y-kefu-box01 .kf-zixun i{width:21px;height:22px;background-position:-30px -150px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position:-30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position:-30px -80px;}
.y-kefu-box01 .back-top i{width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top:-1px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{background-color:#0d6eb8; border-color:#0d6eb8;}
.y-kefu-box01 .hver:hover>p{color:#fff;}
.y-kefu-box01 .mobile-infos,.y-kefu-box01 .QQ-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;}
.y-kefu-box01 .mobile-infos{width:215px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#999;}
.y-kefu-box01 .mobile-infos p{color:#0d6eb8; font-size:18px;}
.y-kefu-box01 .QQ-infos{width:320px;text-align: left;top: 0;}
.y-kefu-box01 .part01{padding:20px 20px 20px 30px; border-bottom:solid 1px #e9e9e9; position:relative;}
.y-kefu-box01 .part01 p{font-size:16px; color:#0d6eb8; padding-bottom:5px;}
.y-kefu-box01 .part01 i{width:28px; height: 26px; background-position:-40px -5px; position: absolute; left:0; top:18px; z-index:2;}
.y-kefu-box01 .part02{padding:20px;}
.y-kefu-box01 .part02 li{width:86px; float:left; position:relative; margin:10px; padding-left:30px;}
.y-kefu-box01 .part02 i{width:22px; height:22px; background-position:-5px -5px; position:absolute; left:0; top:0; z-index:2;}
.y-kefu-box01 .part02 li:hover a{color:#0d6eb8;}
.ri{width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.ri-arrow1,.ri-arrow2{width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.ri-arrow1{left:1px; border-left:6px #efefef solid;}
.ri-arrow2{border-left:6px white solid;}

.y-kefu-box01 .y-ewm-box{width:151px; height:178px; top:-60px;}
.y-kefu-box01 .y-ewm-box>div{width:151px; height:178px;}
.y-kefu-box01 .y-ewm-box img{width:94px; height:94px; margin:30px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width:150px; border-right:solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top:84px;}

.y-kefu-box01 .y-email-infos{padding:28px 20px 28px 45px; color:#999; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{color:#0d6eb8; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{top:55px;}
.y-kefu-box01 .hide-status{width:54px; height:65px; background-color:#0d6eb8; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{padding:10px 0 7px; color:#fff; cursor:pointer;}

/* 内页代码部分 */
.ny_bn{width:100%; margin:100px auto 0; overflow:hidden; position:relative;}
.ny_bn img{width:100%; display:block;}

.nytxt{display:none; position:absolute; left:50%; bottom:10%; transform:translate(-50%,-50%); z-index:10; color:#fff; margin-top:-20px; text-align:center;}
.nytxt h3{font-size:36px; line-height:36px; font-weight:bold;}
.nytxt p{margin-top:20px; font-size:30px; line-height:30px;}

/*文字缓动2*/
.nytxt h3,.nytxt p{animation:mymovet 0.8s infinite;-webkit-animation:mymovet 0.8s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@keyframes pageDD{
 0%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
 50%{transform:translateY(30px) scale(.9);-webkit-transform:translateY(30px) scale(.9);opacity:.2;}
 100%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
 }
 
 @keyframes mymovet{
 from{transform:translateY(50px);opacity:0;}
 to{transform:translateY(0px);opacity:1;}
 }
 
 @-webkit-keyframes mymovet{
 from{transform:translateY(50px);opacity:0;;}
 to{transform:translateY(0px);opacity:1;}
 }

.mbx{width:100%; line-height:30px; position:relative; background:#f5f5f5; padding:20px 0; overflow:hidden; text-align:right;}
.mbx em img{margin-top:-5px;}
.mbx a{color:#666; font-size:18px; padding:0 5px;}
.mbx a:hover,.mbx span{color:#0d6eb8; font-weight:bold;}
.mbx span{padding-left:5px; font-size:18px;}

.ny_mainbg{width:100%; margin:20px auto -80px; background:#fff; padding:0 0 80px;}
.tabContainer{display:flex;}
.tabContainer .all{cursor:pointer; line-height:80px; padding:26px 0; white-space:nowrap; margin-right:20px;}
.tabContainer .all.active span::after,.tabContainer .all:hover span::after{position:absolute; content:""; width:100%; height:2px; bottom:-26px; left:0; background:#0d6eb8; z-index:1;}
.tabContainer .all.active,.tabContainer .all:hover{color:#0d6eb8;}
.tabContainer .all span{position:relative; padding:0 10px; line-height:36px; height:100%; font-size:18px;}
.tabContainer ul{display:flex; flex-wrap:wrap; width:100%; margin:auto; overflow:hidden;}
.tabContainer ul li{line-height:28px; padding:26px 20px 26px 0; cursor:pointer; font-size:18px; overflow:hidden;}
.tabContainer ul li a{line-height:28px; color:#000;}
.tabContainer ul li span{position: relative; padding:0 2px; height:100%; line-height:36px;}
.tabContainer ul li span::after{position:absolute; content:" "; width:100%; height:2px; bottom:-26px; left:-120%; background:#0d6eb8; z-index:1; transition: all .5s;}
.tabContainer ul li.active span::after,.tabContainer ul li:hover span::after{left:0;}
.tabContainer ul li.active span,.tabContainer ul li:hover span{position:relative; color:#0d6eb8;}

/* 内页产品服务部分 */
.pro_list{width:100%; float:left;}
.pro_list li{width:23.5%; float:left; margin:30px 2% 0 0; background:#fff; position:relative;}
.pro_list li:nth-child(4n){margin-right:0;}
.pro_list li:hover{box-shadow:0 5px 20px rgba(0,0,0,.5);}
.pro_list li .pic{width:100%; border-radius:5px 5px 0 0; overflow:hidden;}
.pro_list li .pic img{width:100%; display:block; transition:all .3s;}
.pro_list li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1); transition: all .2s linear; -webkit-transition: all .2s linear;}
.pro_list li .biaot{width:100%; margin-top:10px; line-height:36px; padding:0 20px; text-align:center;}
.pro_list li a .biaot{font-size:16px; color:#000;}
.pro_list li a:hover .biaot{color:#0d6eb8; font-weight:bold;}
.pro_list li .btn{width:100px; height:30px; margin:10px auto 20px; line-height:30px; position:relative;}
.pro_list li a .btn{font-size:14px;}
.pro_list li:hover .btn{border-radius:20px; border-color:#0d6eb8;}
.pro_list li .btn::after{content:url(../image/info-icon2.png); display:block; position:absolute; top:5px; right:10px;}
.pro_list li:hover .btn::after{content:url(../image/info-iconh.png); display:block; position:absolute;}

.promore_nr{width:100%; float:left; margin-top:60px; position:relative;}
.promore_text{width:30%; padding-top:10%;}
.promore_text h3{font-size:30px; line-height:30px; font-weight:bold; color:#000;}
.promore_text p{margin-top:30px; font-size:16px; line-height:32px;}

.pros_left{width:70%; float:right; position:relative; overflow:hidden;}
.pros_left .swiper-container{width:100%; height:100%;}
.pros_left .swiper-slide{width:100% !important; text-align:center; font-size:18px; background:transparent; display:-webkit-box;display: -webkit-flex;display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center;align-items:center;}
.pros_left .swiper-slide img{width:100%; display:block;}
.pros_left .swiper-pagination-bullet{width:12px; height:12px; background:#ddd; opacity:.8;}
.pros_left .swiper-pagination-bullet-active{opacity:1; background:#52c430;}
.pros_left .swiper-button-prev{width:68px; height:60px; background:url(../image/promore_l.png) no-repeat center;}
.pros_left .swiper-button-next{width:68px; height:60px; background:url(../image/promore_r.png) no-repeat center;}
.pros_left .swiper-button-next:after,.pros_left .swiper-button-prev:after{display:none;}

.promore_nr2{width:100%; float:left; margin-top:60px;}
.promore_nr2_tit{width:100%; float:left; overflow:hidden;}
.promore_nr2_tit h3{position:relative; display:block; font-size:30px; font-weight:bold; line-height:30px; color:#0d6eb8; background:#fff;}
.promore_nr2_tit h3:after{content:""; position:absolute; top:15px; background:#e6e6e6; width:100%; height:1px; background-size:100% auto;margin-left:20px;}
.promore_nr2_text{width:100%; float:left; margin-top:40px; font-size:18px; line-height:36px;}
.promore_nr2_text img{margin:auto; display:block;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0; position:relative; overflow:hidden; margin:60px 0 0;}
.pagination a,.pagination span{display:inline-block; padding:0 14px; line-height:36px; font-size:14px; border:1px solid #e5e5e5; margin:0 5px; background:#fff; border-radius:5px;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#0d6eb8; background:#0d6eb8;}

.back_case{border-top:1px solid #d6d6d6; align-items:center; padding-top:40px; width:100%; float:left; margin:60px 0 20px;}
.back_case a{font-size:18px;}
.back_case a:hover{color: #0d6eb8;}
.back_case .back{font-size: 18px; background-color:white; border: 1px #d6d6d6 solid; border-radius: 30px; padding:10px 26px;}
.back_case .back img{margin-left:10px;}

/* 内页行业应用 */
.hyyy_list{width:100%; float:left; margin-top:20px;}
.hyyy_list li{width:32.333%; float:left; background:#fff; margin:0 1.5% 1.5% 0;}
.hyyy_list li:nth-child(3n){margin-right:0;}
.hyyy_list li .pic{width:100%; float:left; overflow:hidden;}
.hyyy_list li .pic img{width:100%; display:block; transition:all .3s; -webkit-transition:all .3s;}
.hyyy_list li:hover .pic img{transform:scale(1.1);-webkit-transform: scale(1.1); transition:all .3s linear; -webkit-transition: all .3s linear;}
.hyyy_list li .title{width:100%; float:left; padding:20px; background:#e9e9e9;}
.hyyy_list li .title h3{font-size:18px; line-height:36px; color:#000;}
.hyyy_list li .title .txt{margin-top:10px; font-size:14px; line-height:24px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.hyyy_list li a .title h3{color:#000;}
.hyyy_list li a:hover .title h3{color:#0d6eb8; font-weight:bold;}
.hyyy_list li .title p{margin-top:6px; font-size:14px;}

.xghyyy_list{
    width:100%;
    margin:20px auto 0;
}
.xghyyy_list li{
width:23.5%;
float:left;
margin:0 2% 2% 0;
position: relative;
}
.xghyyy_list li:hover{
box-shadow: 0 5px 20px #999;
}
.xghyyy_list li:nth-child(4n){
margin-right:0;
}
.xghyyy_list li .pic{
width:100%;
overflow: hidden;
}
.xghyyy_list li .pic img{
width:100%; 
display:block; 
transition: all .2s linear; 
-webkit-transition: all .2s linear;
}
.xghyyy_list li:hover .pic img{
transform: scale(1.1); 
-webkit-transform: scale(1.1);
transition: all .2s linear; 
-webkit-transition: all .2s linear;
}
.xghyyy_list li .title{
font-size:18px;
line-height:24px;
color:#fff;
font-weight:bold;
width: 100%;
float:left;
background:#000;
padding:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.xghyyy_list li a:hover .title{
background:#152f78;
color: #fff;
}
.xghyyy_list li:after{
content:"";
display:block;
width:6px;
height:30px;
background:#fff;
position:absolute;
left:0;
bottom:18px;
}
.xghyyy_list li:hover:after{
background: #152f78;
}

.hyyymore_nr{width:100%; float:left; margin-top:60px;}
.hyyymore_nr_title{width:100%; float:left;}
.hyyymore_nr_title h4{font-size:36px; font-weight:bold; line-height:36px; color:#0d6eb8; text-align:center;}
.hyyymore_nr_title .time{display:flex; display: -webkit-flex; font-size:16px; color:#afafaf; justify-content:center; align-items:center; padding:12px 0; margin-top:30px;}
.hyyymore_nr_title .time p:nth-child(1){margin-right:4rem; display:none;}
.hyyymore_nr_title .time p:first-child::before{content:url(../image/riliben.jpg); padding-right:10px;}
.hyyymore_nr_title .time p:last-child::before{content:url(../image/xianyanjing.jpg); padding-right:10px;}

.hyyymore_nr2{width:100%; float:left; margin-top:40px;}
.hyyymore_nr2_lpic{width:50%; overflow:hidden;}
.hyyymore_nr2_lpic img,.hyyymore_nr2 img{margin:auto; display:block;}
.hyyymore_nr2_rtxt{width:50%; padding:30px; font-size:16px; color:#000; line-height:32px;}
.hyyymore_nr2_rtxt h4{font-size:24px; font-weight:bold; line-height:24px;}
.hyyymore_nr2_rtxt h5{font-size:18px; font-weight:bold; color:#000;}
.m20{margin-top:20px;}

.hyyymore_nr2 .wenlb{width:100%; float:left;}
.hyyymore_nr2 .wenlb ul{width:100%; float:left; margin-top:30px; border-bottom:1px solid #e9e9e9; padding-bottom:30px;}
.hyyymore_nr2 .wenlb ul:last-of-type{border-bottom:none; padding-bottom:0;}
.hyyymore_nr2 .wenlb h3{float:left; font-size:24px; display:block; line-height:30px; font-weight:bold; color:#0d6eb8; margin-top:30px;}
.hyyymore_nr2 .wenlb ul li{width:19%; float:left; font-size:16px; line-height:30px; margin:10px 1% 0 0;}
.hyyymore_nr2 .wenlb ul li:nth-child(5n){margin-right:0;}


/* 内页新闻资讯部分 */
.news_list{width:100%; float:left; margin-top:20px;}
.news_list li{width:23.5%; float:left; margin:20px 2% 0 0; background:#fff; border:1px solid #e9e9e9; padding:30px; border-radius:10px; position:relative;}
.news_list li:nth-child(4n){margin-right:0;}
.news_list li:hover{box-shadow:0 5px 20px rgba(0,183,41,.1); background:#0d6eb8; transform:translateY(-18px); box-shadow:0px 6px 20px rgb(0 127 255 / 10%); border-radius:10px; transition:all .3s; -webkit-transition:all .3s;}
.news_list li:hover:after{top:0%; left:0%; width:100%; height:100%;}
.news_list li .title{width:100%; float:left;}
.news_list li .title p{font-size:14px; line-height:28px; display:none;}
.news_list li .title h3{font-size:18px; font-weight:bold; line-height:20px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list li .title h3 a{color:#000;}
.news_list li:hover a .title p,.news_list li:hover a .title h3,.news_list li:hover a .text,.news_list li:hover a .bottom span{color:#fff;}
.news_list li .pic{width:100%; float:left; margin-top:20px; overflow:hidden;}
.news_list li .pic img{width:100%; height:180px; object-fit:cover; display:block; transition:all .3s; -webkit-transition:all .3s;}
.news_list li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1); transition: all .2s linear; -webkit-transition: all .2s linear;}
.news_list li .text{width:100%; float:left; margin-top:10px; font-size:14px; line-height:30px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.news_list li .bottom{width:100%; float:left; margin-top:20px; padding-top:20px; border-top:1px solid #e9e9e9; position:relative;}
.news_list li .bottom span{font-size:16px;}
.news_list li .bottom em{width:23px; height:23px; border-radius:50%; border:1px solid #d6d6d6; position:relative;}
.news_list li .bottom em::before{content:''; display:block; width:240%; height:1px; background-color:#666; position:absolute; top:50%; right:50%; transform:translateY(-50%);}
.news_list li:hover a .bottom em::before,.news_list li:hover a .bottom em::after{background-color:#fff;}
.news_list li .bottom em::after{content:''; display:block; width:6px; height:6px; background-color:#666; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


/* 内页荣誉资质部分 */
.honor_r_img{width:100%; float:left; margin-top:20px;}
.honor_r_img li{width:19%; float:left; margin:20px 1.2% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #e6e6e6; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(5n){margin-right:0;}
.honor_r_img li img{width:50%; margin:auto; display:block;}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#0d6eb8; transition:all .5s}
.honor_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{box-shadow:0 3px 10px rgba(0,0,0,.3);}

/* 内页合作客户部分 */
.hzhb_list{width:100%; float:left; margin-top:20px;}
.hzhb_list .item{position:relative;float:left;margin:40px 2.5% 0 0; width:18%; overflow:hidden; box-shadow:0 0 12px rgb(213, 213, 213);}
.hzhb_list .item:nth-child(5n){margin-right:0;}
.hzhb_list .pic{position:relative;width:100%;overflow:hidden;}
.hzhb_list .pic img{display:block;width:100%;}
.hzhb_list .item .text{position:absolute;top:0;left:0;width:100%;height:100%;line-height:135px;color:#fff;text-align:center;font-size:18px;opacity:0;transition:all 0.5s linear;}
.hzhb_list .item .text:before,.hzhb_list .item .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.hzhb_list .item .text:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.hzhb_list .item .text:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.hzhb_list .item:hover .text:before,.hzhb_list .item:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}
.hzhb_list .item:hover .text{opacity:1;background:#0d6eb8;}

/* 内页人才招聘部分 */
.jobctit{background:#0d6eb8; line-height:80px; font-size:18px; color:#fff; font-weight:bold;}
.jobctit span{display:inline-block; width:18.3%; text-align:center;}
.job-content{width:100%; float:left; background:#fff; margin-top:40px;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{height:62px; line-height:62px; cursor:pointer; border-bottom:1px solid #e6e6e6; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_money,.job-content span.job_num{padding-right:10px;}
.job-content span.job_add,.job-content span.job_time{padding-right:20px;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../image/g_syworldbtm1.png) no-repeat center;display:block;}
.job-content dl dt.cur .down{background:url(../image/g_syworldbtm11.png) no-repeat center;}
.job-content dl dt span{float:left;width:18.5%;text-align:center;color:#666;}
.job-content span.job_post{text-align:left;padding-left:30px;}
.job-content dl dd{background:#f8f8f8;padding:25px;line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:500; color:#0d6eb8; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:10px 0 20px; margin:20px 0;}
.job-content dl dd .cont li{width:31%; float:left; margin-right:3.5%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../image/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../image/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../image/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}


/* 内页联系我们部分 */
.contact{width:100%; float:left; margin-top:60px;}
.contact h2{font-size:30px; font-weight:bold; color:#0d6eb8; padding-left:40px; letter-spacing:4px; position:relative;}
.contact h2:after{position:absolute;left:0px;width:30px;height:2px;background:#0d6eb8;content:"";top:20px;}
.contact h3{font-size:18px; padding-left:40px; color:#ccc; text-transform:uppercase;}
.contact ul{overflow:hidden; margin-top:60px;}
.contact ul li span{position:relative;top:0px;transition:all 0.5s ease;}
.contact ul li:hover span{top:-10px; cursor:pointer;}
.contact ul li{width:25%; height:270px; float:left; background:#f2f4f6; border-right:1px solid #e6e6e6; padding:60px 40px; text-align:center;}
.contact ul li:nth-child(4n){border-right:0;}
.contact ul li h4{margin:20px auto 10px; font-weight:bold; color:#333; font-size:18px;}
.wtrel-hm b{display:inline-block; font-size:16px; font-weight:normal; color: #333; margin-right:10px; vertical-align:middle; margin-top:-5px;}
.wtrel-hm h4:nth-of-type(2){margin-top:0;}
.contact ul li p.add{font-size:16px; color:#333; line-height:30px;}
.contact ul li p{font-size:16px; color:#333; line-height:30px;}
.map{width:100%; float:left; margin-top:60px;}


/* 内页在线留言部分 */
.message{width:100%; margin:60px auto 0; background:#fff; padding:40px; box-shadow:0 5px 20px #d6d6d6; overflow:hidden;}
.message h3{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li input{width:100%; height:50px; background:none; border:1px solid #e6e6e6; color:#999; padding:0 15px;}
.message ol li textarea{padding:15px; width:100%; height:180px; border:1px solid #e6e6e6; background:none; color:#999;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.message ol li .btn{background:#0d6eb8;}
.message ol li .btn2{background:#164291; color:#fff;}
.message input::-webkit-outer-spin-button,.message input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
.message input::-moz-placeholder, textarea::-moz-placeholder{color: #999;}
.message input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
.message input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}